@import url('./index-building_public.css');
.header-img{
    background-position: center;
    background-size: cover;
    position: relative;
    height: 100%;
    padding-top: 30vw;
}
.header-img .input-wrap{
    margin: 0 auto;
    width: 100%;
}
.input-wrap input{
    text-align: center;
    color: #221814;
    background-color: transparent;
    border: none;
    width: 100%;
}
.header-img-content input:first-child{
    font-size: 24px;
    margin-bottom: 5px;
    color: #ffffff;
    border:none;
}
.header-img-content input:last-child{
    font-size: 32px;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(173, 174, 174, 1)), to(rgba(114, 113, 113, 1)));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
input.text-center{
    font-size: 24px;
    margin-bottom: 5px;
    border:none;
}
span.style1{
    border: 1px solid #fc5c62;
    color: #fc5c62;
}
span.style2{
    border: 1px solid #5ac8fa;
    color: #5ac8fa;
}
span.style3{
    border: 1px solid #00d449;
    color: #00d449;
}
span.style4{
    border: 1px solid mediumorchid;
    color: mediumorchid;
}
img.quote{
    width: 24px;
    margin: 10px auto;
}
textarea.descrip {
    font-size: 16px;
    padding: 0 20px;
    border: none;
}
/*模块部分样式*/
.model-wrapper{
    margin-bottom: 30px;
    background-color: #067d79;
    position: relative;
}
.model-wrapper .model{
    position: relative;
}
.model-wrapper .model .img-wrapper>img{
    width: 100%;
}
.model .img-wrapper{
    position: relative;
}
.model .content-wrapper{
    position: relative;
}
.content-wrapper .tag{
    font-size: 32px;
    line-height: 40px;
    color: #27a5bb;
    font-weight: lighter;
    padding: 0 5px;
}
.green-block{
    position: absolute;
    background-color: rgba(5,50,44,.6);
    width: 28%;
    height: 100%;
    z-index: 110;
}
.img-wrapper .zhezhao{
    position: absolute;
    bottom: 0;
    height: 50%;
    z-index: 100;
    width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#067d79+0,067d79+100&0+0,1+100 */
    background: -moz-linear-gradient(top,  rgba(6,125,121,0) 0%, rgba(6,125,121,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(6,125,121,0) 0%,rgba(6,125,121,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(6,125,121,0) 0%,rgba(6,125,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00067d79', endColorstr='#067d79',GradientType=0 ); /* IE6-9 */
}
.model-left .green-block{
    left: 0;
    top: 0;
}
.model-right .green-block{
    right: 0;
    top: 0;
}
.green-block img{
    position: absolute;
    z-index: 100;
    width: 40%;
    top: 50%;
    margin-top: -25%;
}
.model-left .green-block img{
    right: -20%;
}
.model-right .green-block img{
    left: -20%;
}
.model-right .content-wrapper .tag{
    text-align: right;
}
.model textarea{
    padding: 10px;
    text-align: left;
    font-size: 16px;
    color: #ffffff;
    width: 72%;
    background-color: transparent;
    -webkit-user-select: text;
    border: none;
    margin-bottom: 20px;
}
.model-left textarea{
    margin-left: 28%;
}
textarea{
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #2a2a2a;
    border: none;
    -webkit-user-select: text;
    resize: none;
}
.show{
    display: inline-block !important
}
#saveMsg{
    position: fixed;
    padding: 15px;
    text-align:center;
    border-radius:10px;
    background-color:#f7f7f7;
    font-size:18px;
    bottom: 0px;
    opacity:0.2;
    z-index:2000;
    width: 100%;
    display: none;
}